<header class="sticky top-0 h-64 w-full">
    <div class="h-full max-w-650 mx-auto px-8 flex justify-stretch items-center space-x-16">
        <a href="{{ '/' | relative_url }}" class="flex-grow flex items-center space-x-8">
            <img class="w-42 h-42" src="{{ '/assets/images/moq-icon.png' | relative_url }}">
            <span>Home</span>
        </a>
        <a href="{{ '/user-guide/' | relative_url }}">User Guide</a>
        <a href="https://github.com/moq/moq" class="flex items-center space-x-8">
            <span>GitHub</span>
            <img class="w-24 h-24" src="{{ '/assets/images/github-32.png' | relative_url }}">
        </a>
    </div>
</header>
